
<div class="table-responsive panel panel-default">
	<div class="panel-heading">
		<div class="row">
			
			<div class="col-md-11">
				<h2 style="margin:0px;">
					<g:message code="${domainClass}.list.label" default="${capDomainClass}s" />
				</h2>
			</div>
			
			<div class="col-md-1">
				<div class="btn-group">
					<button class="btn btn-sm btn-success" id="add${capDomainClass}Btn">
						<span class="glyphicon glyphicon-plus"></span>
					</button>
				</div>
			</div>
			
		</div>
	</div>
	
	<div class="panel-body">

		<table class="table table-bordered table-striped table-hover">

			<thead>
				<tr style="cursor: pointer;">
					<th><g:message code="${domainClass}.id.label" default="ID" /></th>
				</tr>
			</thead>

		</table>
	</div>
	
	<div class="panel-footer">
		<div class="row">
			<div class="col-md-4 clearfix">
				<button class="btn btn-default pull-left" id="prevPageBtn">
					<span class="glyphicon glyphicon-arrow-left"></span>
				</button>
			</div>
			<div class="col-md-4 clearfix">

				<div class="row">

					<div class="col-md-6">
						<div class="input-group">
							<input id="currentPageNumber" type="number" class="form-control" placeholder="Page number" value="1"> 
							<span class="input-group-addon" id="maxPageLabel"><g:message code="page.of.label" default="of {1}" args="[1]" /></span>
						</div>
					</div>
					
					<div class="col-md-4">
						<button class="btn btn-default" id="goToPageBtn">
							<span class="glyphicon glyphicon-play"></span>
						</button>
					</div>
				</div>
			</div>

			<div class="col-md-4">
				<button class="btn btn-default pull-right" id="nextPageBtn">
					<span class="glyphicon glyphicon-arrow-right"></span>
				</button>
			</div>
		</div>
	</div>
</div>